<template>
  <div>
    <!-- <div class="DescriptionTitle">{{ $t('projectPlanBaseInquireTitle') }}</div> -->
    <el-descriptions direction="horizontal" :column="24" border>
      <el-descriptions-item :label="$t('projectType')" :span="8" content-class-name="label-with-150">{{ `${projectPlanInfoInformation.project_type}` }}</el-descriptions-item>
      <el-descriptions-item :label="$t('projectScope')" :span="8" content-class-name="label-with-150">{{ projectPlanInfoInformation.scope }}</el-descriptions-item>
      <el-descriptions-item :label="$t('objectProduct')" :span="8" content-class-name="label-with-150">{{ projectPlanInfoInformation.obj_product }}</el-descriptions-item>
      <el-descriptions-item :label="$t('internalTarget')" :span="8" content-class-name="label-with-150">{{ projectPlanInfoInformation.internal_target }}</el-descriptions-item>
      <el-descriptions-item :label="$t('customerTarget')" :span="8" content-class-name="label-with-150">{{ projectPlanInfoInformation.customer_target }}</el-descriptions-item>
      <el-descriptions-item :label="$t('responsibility')" :span="8" content-class-name="label-with-150">{{ projectPlanInfoInformation.responsibility }}</el-descriptions-item>
    </el-descriptions>
  </div>
</template>
<script>
export default {
  name: 'ProjectPlanInfoInformation',
  props: {
    projectPlanInfoInformation: {
      required: true,
      type: Object
    }
  }
}
</script>
<style scoped>
@import "~@/views/projectbase/projectcss/project.css";
</style>
